ul li{
    padding: 4px 0px;
    text-indent: 0px;
}
.user-session{

}
.user-icon{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
     /*background: url("../../../../assets/images/person.jpg") no-repeat center center; */
}
.user-icon img{
    display: inline-block;
    width: 32px;
    height: 32px;
}
.user-icon div{
    width: 32px;
    height: 32px;
}
.user-icon .showGirl{
    background: url('src/assets/images/girl.png') no-repeat center center;
    background-size: contain;
}
.user-icon .showBoy{
    background: url("") no-repeat center center;
    background-size: contain;
}
.user-name{
    display: inline-block;
    margin-left: 8px;
    margin-right: 20px;
    color: #6799ce;
    cursor: pointer;
    line-height: 32px;
    font-size: 14px;
    position: relative;
}
.user-name i{
    display: inline-block;
    font-style: normal;
    overflow: hidden;
    width: 0;
    height: 0;
    border-width: 7px 7px 0;
    border-style: solid;
    border-color: #6799ce transparent transparent;
    position: absolute;
    top: 13px;
    right: -16px;
}
.user-set{
    position: relative;
}
.user-setInfo{
    width: 85%;
    position: absolute;
    top: 28px;
    left: 9px;
    height: 0;
    font-size: 14px;
    color: #6799ce;
    z-index: 1000;
}
li::before{
    content: none;
}
.user-setInfo ul{
    border: 1px solid #6799ce;
    width: 100%;
    text-align: left;
    display: none;
    background: #0e2451;
    padding: 0 8px;
}
.user-setInfo ul li{
    text-indent: 0;
    padding: 0;
    text-align: center;
}
.user-set:hover ul{
    display: block;
}
.user-set:hover ul li{
    padding:0;
    cursor:pointer;
}
.settings{
    position: absolute;
    top: 40px;
    right: 2px;
    width: auto;
    height: auto;
    z-index: 100;
    background: rgba(9,45,86,1);
    color: #94aede;
    padding: 18px;
    border-radius: 6px;
}
i{

    font-style: normal;
    display: inline-block;
    width: 88px;
    text-align: justify;
    text-align-last: justify;
}
.settings ul li img{
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
button{
    background: #43b0e6;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 13px;
    height: 28px;
    line-height: 24px;
    padding: 0 10px;
    text-shadow: 1px 1px rgba(0, 0, 0, .1);
    vertical-align: top;
    float: right;
    border-radius: 5px;
    margin-left: 5px;
}
input{
    border: 1px solid #3b6b99;
    padding: 5px 10px;
    background: rgba(32,63,105, .5);
    color: #94aede;
}
.error{
    color: #e51400;
    font-size: 12px;
    line-height: 1.4;
    padding: 5px 0;
    text-align: center;
}
.settings .left{
    display: inline-block;
}
.settings .right{
    display: inline-block;

}
.settings .right div{
    background: #43b0e6;
    border: none;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    width: 50px;
    height: 28px;
    line-height: 28px;
}
:host/deep/ button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left/* :nth-of-type(1) */{
    display: none;
}
:host/deep/ .ui-fileupload-row {
    /* display: table-row; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
:host/deep/ .ui-fileupload-content {
    padding: 0;
}
:host/deep/ .ui-fileupload-row>div {

    padding: .2em 1em;
}
:host/deep/ .ui-widget-header {
    border:none;
    background: none;
}
:host/deep/ .ui-widget-content {
    border:none;
    /* background: none; */
}
:host/deep/  .fileUpload-edit .ui-fileupload-content.ui-widget-content.ui-corner-bottom{
    display: none;
}

